<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link href="framework/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet">
		<link href="framework/reset.css" rel="stylesheet">
		<link href="css/userMenu.css" rel="stylesheet">
		<title>个人中心</title>
	</head>
	<body>
		<!-- 总容器 -->
		<div class="wrapper">
			<!--header-->
			<header>
				<div class="back"><p onclick="location.href='index.html'">&lt;</p></div>
				<p>个人中心</p>
			</header>
			
			<!--头像与昵称-->
			<div class="userName">
				<img src="img/userImg/touxiang.png">
				<div class="nameP">
					<h3>Modred</h3>
					<p>积分：100</p>
					</div>
			</div>
			
			<!--list-->
			<ul class="content">
				<li>
					<p>积分商城</p>
				</li>
				<li>
					<p>红包卡券</p>
				</li>
				<li>
					<p>收货地址</p>
				</li>
				<li>
					<p>我的收藏</p>
				</li>
				<li>
					<p>修改密码</p>
				</li>
			</ul>
			
			<!--quit-->
			<div class="quit" onclick="location.href='login.html'">
				<button>退出登录</button>
			</div>
			
			<!--footer-->
			<ul class="footer">
				<li onclick="location.href='index.html'">
					<i class="fa fa-home"></i>
					<p>首页</p>
				</li>
				<li>
					<i class="fa fa-compass"></i>
					<p>发现</p>
				</li>
				<li onclick="location.href='orderList.html'">
					<i class="fa fa-file-text-o"></i>
					<p>订单</p>
				</li>
				<li onclick="location.href='userMenu.html'">
					<i class="fa fa-user-o"></i>
					<p>我的</p>
				</li>
			</ul>
		</div>
	</body>
</html>
